<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>申请教室</title>
    <style>
        .top{
            width: 400px;
            height: 320px;
            border: solid gray 1px;
            background-color:#F5F5F6;
            margin: 100px auto;
            text-align:center;
        }

        .top form p:nth-of-type(2) select{
            width: 165px;
            height: 24px;
        }
        .top form p:nth-of-type(3) textarea{
            resize: none;
            width: 165px;
            height: 40px;
        }
        .top form p:nth-of-type(4){
            text-align:center;

        }
        select{
            width: 165px;
            height: 50px;
        }
    </style>
</head>

<body>
<div class="top">

    <p>申请教室</p>
    <form action="/classrooms/update"  method="POST">
        <input type="hidden" name="classroomId" th:value="${classroom.getClassroomId()}">
        <p>教室名称：<input type="text" th:value="${classroom.getName()}" name="name"/></p>
        <p>使用状态：
            <select th:value="${classroom.getStage()}" name="stage">
                <option th:value="空闲">空闲</option>-->
                <option th:value="在借中">在借中</option>
                <option th:value="已完成">已完成</option>
            </select></p>
        <p>申请原因：<textarea placeholder="原因"  name="description">[[${classroom.getDescription()}]]</textarea></p>
        <p>学生姓名：<select multiple="multiple"  name="student">
            <option
                    th:each="student : ${allStudents}"
                    th:value="${student.studentId}"
                    th:text="${student.name}">

            </option>
            < th:value="${student.studentId}" th:text="${student.name}">
        </select>
        </p>
        <p>
            <!--            <input type="hidden" name="_csrf" th:value="${_csrf.token}" />-->
            <input type="submit" value="申请"/></p>
    </form>
</div>
</body>
</html>


